<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>学院主页</title>
	<link rel="stylesheet" href="">
	<style type="text/css">
		body{
			margin:0 auto;
			padding:0 auto;
		    background-color: #ffffff;
		    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,STHeiti,"Microsoft Yahei","SimSun",sans-serif;
		    font-size: 14px;
		    line-height: 1.5;
		}
		a, a:link, a:active, a:visited {
			color: #666;
			text-decoration: none;
		}
		select, input {
		    vertical-align: middle;
		    font-size: 12px;
		    font-family: Tahoma, Helvetica, Arial, ’Microsoft YaHei’, \5FAE\8F6F\96C5\9ED1, SimSun, sans-serif;
		}
		.btn {
		    display: inline-block;
		    margin-bottom: 0;
		    font-weight: normal;
		    text-align: center;
		    vertical-align: middle;
		    cursor: pointer;
		    background-image: none;
		    border: 1px solid transparent;
		    white-space: nowrap;
		    padding: 6px 12px;
		    font-size: 14px;
		    line-height: 1.5;
		    border-radius: 3px;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		}
		.global-nav {
		    position: relative;
		    background: #6095C1;
		}
		.nav:after {
		    clear: both;
		}
		.container{
			margin:0 auto;
			padding:0 15px;
		}
		.global-nav .container {
			width: 960px;
			height:100px;
		}
		.global-nav .logo{
			width: 590px;
			display: inline;
			height:100px;
		    float: left;
		    background:url(img/background/dldx_logo.gif) no-repeat;
	    	background-position: 0 48px;
		}
		.global-nav .logo a{
			width: 590px;
			height:100px;
			display:inline-block;
		}
		.global-nav .container-right {
			float:left;
			display:inline;
			height:100px;
			width: 340px;
		    color: #fff;
    		text-align: right;
    		margin-top:60px;
		}

		.global-nav a,.global-nav a:link,.global-nav a:active,.global-nav a:visited {
			color:#fff;
		}
		/**主体部分*/
		.body-content{
			min-width: 1000px;
			min-height:400px;
		}
		.content-row{
		    min-width: 1000px;
		    max-width: 1200px;
		    margin-left: auto;
		    margin-right: auto;
		    zoom: 1;
		}
		.content-row:after {
		    visibility: hidden;
		    display: block;
		    font-size: 0;
		    content: " ";
		    clear: both;
		    height: 0;
		}
		.content-main-benefit{
		    position: relative;
		    margin-top: 20px;
		    min-width: 1000px;
		    max-width: 1200px;
		}
		.content-main-benefit-pannel {
		    height: 190px;
		    position: relative;
		    width: 33.33333%;
		    text-align: center;
		    float: left;
		}
		.content-main-benefit-pannel:hover{
			cursor:pointer;
		}
		.content-main-benefit-pannel>div {
		    border: 1px solid #ddd;
		    height: 188px;
		    margin-left: -1px;
		}
		.content-main-benefit-pic {
		    position: relative;
		    width: 100%;
		    height: 105px;
		}
		.content-main-benefit-pic img {
		    width: 70px;
		    position: absolute;
		    margin-left: -35px;
		    margin-top: 25px;
		    left: 50%;
		}
		.content-main-benefit-pannel h2 {
		    font-size: 18px;
		    font-weight: 700;
		}
		.content-main-benefit-pannel p {
		    font-size: 12px;
		    color: #666;
		}
		/*结尾*/
		.body-footer {
		    height: 30px;
		    padding: 20px 0;
		    font-size: 12px;
		    text-align: center;
		    color: #333;
		    border-top:1px solid #CCC;
		}
		.body-footer a {
		    margin: 0 10px;
		}
	</style>
</head>
<body>
	<div class="global-nav">
		<nav class="container">
			<div class="logo"><a href="/"></a></div>
			<div class="container-right">
				<a href="" target="_blank">上海电力大学</a>&nbsp;|&nbsp;
				<a href="/account/help/index.jsp" target="_blank">帮助中心</a>
				&nbsp;|&nbsp;客服电话：021-82199588
			</div>
			<div style="clear:both;"></div>
		</nav>
	</div>
	<div class="body-content">
		<div class="content-row">
			<div class="content-main-benefit">
				<div class="content-main-benefit-pannel" data-href="">
					<div>
						<div class="content-main-benefit-pic"><img src="img/icons/btn-applyinfo.png" alt=""></div>
						<h2>查考报考情况</h2>
						<p>统计距今为止的学生报考情况</p>
					</div>
				</div>
				<div class="content-main-benefit-pannel" data-href="">
					<div>
						<div class="content-main-benefit-pic"><img src="img/icons/btn-account.png" alt=""></div>
						<h2>开立账号</h2>
						<p>为老师开账户</p>
					</div>
				</div>
				<div class="content-main-benefit-pannel" data-href="">
					<div>
						<div class="content-main-benefit-pic"><img src="img/icons/btn-major.png" alt=""></div>
						<h2>录入专业信息</h2>
						<p>录入本学院专业及专业方向</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="body-footer">
		<div class="footer">			
		    主管单位：上海电力大学　　主办单位：
	    	<a href="" target="_blank">上海电力大学研究生调剂系统</a>
	    	<a href="" style="color:#C00;" target="_blank">沪ICP备05052045号</a>
	    	<br>
			地址：上海市杨浦区长阳路2588号　邮政编码：200090
		</div>
	</div>
	<form id="pannelSubmit" action="/" method="get"></form>
	<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script type="text/javascript">
		$(function(){
			$('.content-main-benefit-pannel').click(function(){
				var href = $(this).data('href');
				$('#pannelSubmit').attr('action',href);
				$('#pannelSubmit').submit();
			});
		});
	</script>
</body>
</html>